<template>
  <div class="footer_contaienr">
    <List />
    <div class="bg-[#071d2a] text-[#a1bac9] px-[3vw] lg:px-8">
      <div class="container">
        <div class="bg-[#071d2a] h-4"></div>

        <div
          class="grid gap-x-8 gap-y-4 grid-cols-7 providerBox"
          v-if="gameDataList?.length"
        >
          <div
            v-for="item in gameDataList"
            class="grid gap-4 content-start"
            @click="businessDeit(item)"
          >
            <img
              class="imgpic rounded-lg shadow-[0 4px 6px -1px rgba(27, 23, 23, .2), 0 2px 4px -1px rgba(0, 0, 0, .12)]"
              :src="main2.static_base_url + item.logo"
              alt=""
            />
          </div>
        </div>
      </div>
      <div class="max-w-[1200px] bg-[#213743] m-auto mb-6" />
      <div class="logo-wrapper svelte-1rvpqmm">
        <img
          width="116"
          height="35"
          src="../../assets/stakeIcon/icon1.svg"
          draggable="false"
          alt="莱特币标志"
          class="svelte-1rvpqmm"
        />
        <img
          width="116"
          height="35"
          src="../../assets/stakeIcon/icon2.svg"
          draggable="false"
          alt="比特币标志"
          class="svelte-1rvpqmm"
        />
        <img
          width="116"
          height="35"
          src="../../assets/stakeIcon/icon3.svg"
          draggable="false"
          alt="以太坊标志"
          class="svelte-1rvpqmm"
        />
        <img
          width="116"
          height="35"
          src="../../assets/stakeIcon/icon4.svg"
          draggable="false"
          alt="波场币标志"
          class="svelte-1rvpqmm"
        />
        <!-- <img
        width="116"
        height="35"
        src="../../assets/stakeIcon/icon5.svg"
        draggable="false"
        alt="瑞波币标志"
        class="svelte-1rvpqmm"
      /> -->
        <img
          width="116"
          height="35"
          src="../../assets/stakeIcon/icon6.svg"
          draggable="false"
          alt="狗狗币标志"
          class="svelte-1rvpqmm"
        />
        <img
          width="116"
          height="35"
          src="../../assets/stakeIcon/icon7.svg"
          draggable="false"
          alt="比特币现金标志"
          class="svelte-1rvpqmm"
        />
        <img
          width="116"
          height="35"
          src="../../assets/stakeIcon/icon8.svg"
          draggable="false"
          alt="泰达币标志"
          class="svelte-1rvpqmm"
        />
        <img
          width="116"
          height="35"
          src="../../assets/stakeIcon/icon9.svg"
          draggable="false"
          alt="Hub88 首选聚合商"
          class="svelte-1rvpqmm"
        />
        <img
          width="116"
          height="35"
          src="../../assets/stakeIcon/icon10.svg"
          draggable="false"
          alt="负责任博彩"
          class="svelte-1rvpqmm"
        />
        <img
          width="129"
          height="36"
          src="../../assets/stakeIcon/icon11.svg"
          draggable="false"
          alt="BetBlocker"
          class="svelte-1rvpqmm"
        />
        <img
          width="116"
          height="35"
          src="../../assets/stakeIcon/icon12.svg"
          draggable="false"
          alt="18+ logo"
          class="svelte-1rvpqmm"
        />
      </div>
      <div class="max-w-[1200px] bg-[#213743] h-[2px] m-auto my-6" />
      <div class="site-badges svelte-8jx1gh">
        <div class="image-focus svelte-1bax0ph">
          <svg
            id="Layer_1"
            data-name="Layer 1"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 542 269.32"
            style="max-width: 120px; color: white; width: 100%"
            class="svelte-dmytnz"
          >
            <g id="_Group_" data-name="<Group>">
              <path
                class="cls-1 svelte-dmytnz"
                d="M132.26 65.51a6.92 6.92 0 0 0-.84-.72 7.4 7.4 0 0 1 .84.72z"
                id="_Group_2"
                data-name="<Group>"
              ></path>
              <path
                class="cls-1 svelte-dmytnz"
                d="M122.17 65.47a6.94 6.94 0 0 0-.68.79 7.49 7.49 0 0 1 .68-.79z"
                id="_Group_3"
                data-name="<Group>"
              ></path>
            </g>
            <path
              class="cls-2 svelte-dmytnz"
              d="M365.65 67.15a1.31 1.31 0 0 1 .46.09 1.26 1.26 0 0 1 .44.3l2.56 2.7a10.63 10.63 0 0 1-4.22 3.32 14.76 14.76 0 0 1-6 1.12 14.29 14.29 0 0 1-5.69-1.08 12.32 12.32 0 0 1-4.27-3 13.12 13.12 0 0 1-2.69-4.51 16.66 16.66 0 0 1-.94-5.67 15.7 15.7 0 0 1 1-5.73 13.3 13.3 0 0 1 2.85-4.5 12.84 12.84 0 0 1 4.4-2.95 14.72 14.72 0 0 1 5.64-1.05 15.05 15.05 0 0 1 3 .28 14.38 14.38 0 0 1 2.59.76 11.85 11.85 0 0 1 4 2.67l-2.18 2.93a2.77 2.77 0 0 1-.5.49 1.29 1.29 0 0 1-.8.22 1.43 1.43 0 0 1-.65-.15A7 7 0 0 1 364 53l-.75-.48a5.84 5.84 0 0 0-1-.48 8 8 0 0 0-1.32-.37 9 9 0 0 0-1.77-.15 7.13 7.13 0 0 0-2.94.59 6.41 6.41 0 0 0-2.22 1.73 8 8 0 0 0-1.49 2.79 12.46 12.46 0 0 0-.53 3.78 11.48 11.48 0 0 0 .58 3.81 8.35 8.35 0 0 0 1.59 2.8 6.73 6.73 0 0 0 2.34 1.73 7 7 0 0 0 2.87.59 13.8 13.8 0 0 0 1.61-.09 7.32 7.32 0 0 0 1.36-.29 5.52 5.52 0 0 0 1.19-.54 7.45 7.45 0 0 0 1.13-.85 2.25 2.25 0 0 1 .5-.32 1.3 1.3 0 0 1 .5-.1zM394.74 74.36h-5.85a2.48 2.48 0 0 1-2.33-1.22L381.92 65a1.88 1.88 0 0 0-1.87-1h-1.65v10.36h-6.46V46.49H381a18.62 18.62 0 0 1 5.16.62 9.68 9.68 0 0 1 3.48 1.73 6.56 6.56 0 0 1 2 2.62 8.68 8.68 0 0 1 .61 3.29 8.84 8.84 0 0 1-.36 2.56 7.93 7.93 0 0 1-1.07 2.23 8.2 8.2 0 0 1-1.82 1.83 9.35 9.35 0 0 1-2.4 1.32 5.89 5.89 0 0 1 1.19.81 5.7 5.7 0 0 1 1 1.16zM381 59.59a6.65 6.65 0 0 0 2.25-.33 4.07 4.07 0 0 0 1.52-.93 3.53 3.53 0 0 0 .86-1.39 5.29 5.29 0 0 0 .27-1.71 3.59 3.59 0 0 0-1.2-2.87 5.57 5.57 0 0 0-3.7-1h-2.6v8.26zM409 63.76v10.6h-6.46v-10.6l-10.1-17.27h5.7a2.06 2.06 0 0 1 1.33.39 3.18 3.18 0 0 1 .81 1l3.89 8.12q.5 1 .9 1.79t.71 1.64q.29-.82.66-1.65t.87-1.77l3.9-8.11a3.63 3.63 0 0 1 .33-.5 2.49 2.49 0 0 1 .45-.45 2.21 2.21 0 0 1 .59-.33 2.1 2.1 0 0 1 .74-.12H419zM431.06 46.49a16.22 16.22 0 0 1 5.06.7 9.72 9.72 0 0 1 3.48 1.92 7.49 7.49 0 0 1 2 2.89 9.81 9.81 0 0 1 .65 3.6 10.59 10.59 0 0 1-.67 3.83 7.69 7.69 0 0 1-2 3 9.64 9.64 0 0 1-3.49 1.94 16 16 0 0 1-5 .7h-3.39v9.31h-6.46V46.49zm0 13.68a4.1 4.1 0 0 0 4.74-4.57 5 5 0 0 0-.29-1.74 3.54 3.54 0 0 0-.87-1.35 3.91 3.91 0 0 0-1.47-.87 6.52 6.52 0 0 0-2.11-.31h-3.36v8.84zM465.59 51.62h-7.84v22.74h-6.46V51.62h-7.84v-5.13h22.15zM495.56 60.41a15 15 0 0 1-1 5.62 13.29 13.29 0 0 1-7.5 7.54 16.64 16.64 0 0 1-11.85 0 13.3 13.3 0 0 1-7.57-7.57 15.69 15.69 0 0 1 0-11.25 13.38 13.38 0 0 1 2.95-4.51 13.62 13.62 0 0 1 4.58-3 15.59 15.59 0 0 1 5.93-1.09 15.4 15.4 0 0 1 5.92 1.1 13.66 13.66 0 0 1 4.56 3 13.43 13.43 0 0 1 2.94 4.51 14.92 14.92 0 0 1 1.04 5.65zm-6.62 0a12.07 12.07 0 0 0-.54-3.72 7.89 7.89 0 0 0-1.54-2.8 6.64 6.64 0 0 0-2.46-1.76 8.46 8.46 0 0 0-3.31-.61 8.59 8.59 0 0 0-3.34.61 6.62 6.62 0 0 0-2.47 1.76 7.88 7.88 0 0 0-1.54 2.8 13.26 13.26 0 0 0 0 7.46 7.87 7.87 0 0 0 1.54 2.8 6.53 6.53 0 0 0 2.47 1.75 8.71 8.71 0 0 0 3.34.6 8.58 8.58 0 0 0 3.31-.6 6.55 6.55 0 0 0 2.46-1.7 7.89 7.89 0 0 0 1.54-2.8 12.14 12.14 0 0 0 .54-3.79zM306.66 106.37h9.91v11.76a14.62 14.62 0 0 1-4.56 2.28 17.94 17.94 0 0 1-5.06.71 17.39 17.39 0 0 1-6.26-1.08 14.44 14.44 0 0 1-4.83-3 13.1 13.1 0 0 1-3.1-4.51 14.57 14.57 0 0 1-1.09-5.67 15.44 15.44 0 0 1 1-5.73 12.91 12.91 0 0 1 3-4.5 13.42 13.42 0 0 1 4.65-2.95 16.8 16.8 0 0 1 6.09-1.05 17.75 17.75 0 0 1 3.27.29 16.11 16.11 0 0 1 2.82.78 13.06 13.06 0 0 1 2.36 1.19 12.69 12.69 0 0 1 1.91 1.49l-1.87 2.85a1.8 1.8 0 0 1-1.14.82 2 2 0 0 1-1.5-.34q-.76-.46-1.44-.79a8.86 8.86 0 0 0-1.39-.55 9.15 9.15 0 0 0-1.49-.31 14.71 14.71 0 0 0-1.76-.1 8 8 0 0 0-3.27.64 7 7 0 0 0-2.48 1.81 8.17 8.17 0 0 0-1.58 2.8 11.31 11.31 0 0 0-.55 3.64 11.72 11.72 0 0 0 .61 3.94 8.14 8.14 0 0 0 1.73 2.91 7.38 7.38 0 0 0 2.68 1.81 9.24 9.24 0 0 0 3.45.62 9 9 0 0 0 2.11-.23 11.75 11.75 0 0 0 1.85-.61v-4.23H308a1.33 1.33 0 0 1-1-.33 1.08 1.08 0 0 1-.34-.82zM345.49 120.81h-5a2.19 2.19 0 0 1-1.36-.39 2.48 2.48 0 0 1-.78-1l-1.65-4.86h-10.6l-1.64 4.86a2.33 2.33 0 0 1-.76 1 2.11 2.11 0 0 1-1.35.43h-5l10.79-27.87h6.62zm-10.27-10.65l-2.58-7.63q-.29-.73-.61-1.71t-.65-2.13q-.29 1.17-.61 2.16t-.61 1.72l-2.56 7.59zM379 92.94v27.87h-5.7v-16-1.21c0-.43.05-.87.11-1.32l-7.4 14.33a2.44 2.44 0 0 1-.93 1 2.57 2.57 0 0 1-1.33.34h-.88a2.57 2.57 0 0 1-1.33-.34 2.44 2.44 0 0 1-.93-1l-7.4-14.36q.06.69.1 1.35t0 1.21v16h-5.7V92.94h5.67a1.91 1.91 0 0 1 .56.11 1.27 1.27 0 0 1 .45.3 2.3 2.3 0 0 1 .39.56l7.17 14.13q.38.73.74 1.51t.68 1.61q.33-.84.68-1.64t.75-1.53l7.15-14.08a2.3 2.3 0 0 1 .39-.56 1.28 1.28 0 0 1 .45-.3 1.91 1.91 0 0 1 .56-.11h.74zM394.66 92.94a19.51 19.51 0 0 1 4.92.54 9.37 9.37 0 0 1 3.31 1.52 5.74 5.74 0 0 1 1.87 2.37 8 8 0 0 1 .58 3.12 6.07 6.07 0 0 1-.27 1.81 5.2 5.2 0 0 1-.84 1.63 6.55 6.55 0 0 1-1.47 1.39 9.24 9.24 0 0 1-2.16 1.09 7.72 7.72 0 0 1 4.07 2.16 5.62 5.62 0 0 1 1.32 3.86 8 8 0 0 1-.69 3.31 7.59 7.59 0 0 1-2 2.67 9.58 9.58 0 0 1-3.28 1.78 14.26 14.26 0 0 1-4.46.64h-11.15V92.94zm-3.79 4.84v6.89h3.37a11 11 0 0 0 1.93-.15 4 4 0 0 0 1.46-.54 2.47 2.47 0 0 0 .92-1.05 4 4 0 0 0 .31-1.68 4.73 4.73 0 0 0-.25-1.65 2.37 2.37 0 0 0-.77-1.06 3.21 3.21 0 0 0-1.31-.57 9 9 0 0 0-1.88-.17zm4.55 18.15a5.7 5.7 0 0 0 2.09-.33 3.31 3.31 0 0 0 1.27-.84 2.81 2.81 0 0 0 .63-1.17 5.11 5.11 0 0 0 .17-1.32 4.44 4.44 0 0 0-.2-1.38 2.28 2.28 0 0 0-.69-1 3.36 3.36 0 0 0-1.29-.65 7.51 7.51 0 0 0-2-.23h-4.51v6.94zM426.82 115.64v5.16H410V92.94h6.46v22.7zM436.61 120.81h-6.5V92.94h6.5zM466.33 92.94v27.87H463a2.92 2.92 0 0 1-1.25-.24 3.06 3.06 0 0 1-1-.83l-13.14-16.62q.08.75.11 1.44t0 1.31v14.94H442V92.94h3.41a5.51 5.51 0 0 1 .71 0 1.8 1.8 0 0 1 .52.14 1.74 1.74 0 0 1 .44.3 5 5 0 0 1 .48.52l13.26 16.74q-.1-.8-.13-1.56t0-1.42V92.94zM485.12 106.37H495v11.76a14.63 14.63 0 0 1-4.56 2.28 17.94 17.94 0 0 1-5.06.71 17.4 17.4 0 0 1-6.26-1.08 14.43 14.43 0 0 1-4.83-3 13.09 13.09 0 0 1-3.1-4.51 14.57 14.57 0 0 1-1.09-5.67 15.42 15.42 0 0 1 1-5.73 12.89 12.89 0 0 1 3-4.5 13.4 13.4 0 0 1 4.65-2.95 16.8 16.8 0 0 1 6.09-1.05 17.73 17.73 0 0 1 3.27.29 16.12 16.12 0 0 1 2.82.78 13 13 0 0 1 2.36 1.19 12.7 12.7 0 0 1 1.91 1.49l-1.87 2.85a1.8 1.8 0 0 1-1.14.82 2 2 0 0 1-1.5-.34q-.76-.46-1.44-.79a8.91 8.91 0 0 0-1.39-.55 9.13 9.13 0 0 0-1.49-.31 14.71 14.71 0 0 0-1.76-.1 8 8 0 0 0-3.27.64 7 7 0 0 0-2.48 1.81 8.19 8.19 0 0 0-1.58 2.8 11.31 11.31 0 0 0-.55 3.64 11.72 11.72 0 0 0 .61 3.94 8.14 8.14 0 0 0 1.73 2.91 7.39 7.39 0 0 0 2.68 1.81 9.24 9.24 0 0 0 3.45.62 9 9 0 0 0 2.11-.23 11.78 11.78 0 0 0 1.85-.61v-4.23h-2.75a1.33 1.33 0 0 1-1-.33 1.08 1.08 0 0 1-.34-.82zM246.2 144.36v7.06h9.52v5h-9.52v10.85h-6.5v-27.88h17.94v5zM288.47 153.32a15 15 0 0 1-1 5.62 13.29 13.29 0 0 1-7.5 7.54 16.64 16.64 0 0 1-11.85 0 13.3 13.3 0 0 1-7.53-7.54 15.69 15.69 0 0 1 0-11.25 13.38 13.38 0 0 1 2.95-4.51 13.62 13.62 0 0 1 4.58-3 15.59 15.59 0 0 1 5.93-1.09 15.4 15.4 0 0 1 5.92 1.1 13.66 13.66 0 0 1 4.56 3 13.43 13.43 0 0 1 2.94 4.51 14.92 14.92 0 0 1 1 5.62zm-6.62 0a12.07 12.07 0 0 0-.54-3.72 7.89 7.89 0 0 0-1.54-2.8 6.64 6.64 0 0 0-2.46-1.76 8.46 8.46 0 0 0-3.31-.61 8.59 8.59 0 0 0-3.34.61 6.62 6.62 0 0 0-2.47 1.76 7.88 7.88 0 0 0-1.54 2.8 13.26 13.26 0 0 0 0 7.46 7.87 7.87 0 0 0 1.54 2.8 6.53 6.53 0 0 0 2.47 1.75 8.71 8.71 0 0 0 3.34.6 8.58 8.58 0 0 0 3.31-.6 6.55 6.55 0 0 0 2.46-1.75 7.89 7.89 0 0 0 1.54-2.8 12.14 12.14 0 0 0 .54-3.74zM303.91 162.15a6 6 0 0 0 2.32-.43 4.7 4.7 0 0 0 1.73-1.23 5.46 5.46 0 0 0 1.08-2 8.58 8.58 0 0 0 .37-2.63v-16.47h6.47v16.51a12.89 12.89 0 0 1-.83 4.71 10.56 10.56 0 0 1-2.38 3.69 10.74 10.74 0 0 1-3.77 2.41 15 15 0 0 1-10 0 10.74 10.74 0 0 1-3.77-2.41 10.44 10.44 0 0 1-2.37-3.69 13 13 0 0 1-.82-4.71v-16.51h6.46v16.49a8.55 8.55 0 0 0 .37 2.63 5.54 5.54 0 0 0 1.08 2 4.65 4.65 0 0 0 1.73 1.24 6 6 0 0 0 2.33.4zM345.26 139.39v27.87h-3.37a2.92 2.92 0 0 1-1.25-.24 3.06 3.06 0 0 1-1-.83l-13.14-16.62c.05.5.09 1 .11 1.44s0 .9 0 1.31v14.94h-5.7v-27.87h3.4a5.48 5.48 0 0 1 .71 0 1.82 1.82 0 0 1 .52.14 1.75 1.75 0 0 1 .44.3 5.1 5.1 0 0 1 .48.52l13.25 16.74q-.1-.8-.13-1.56t0-1.42v-14.72zM375.94 153.32a14.62 14.62 0 0 1-1 5.58 13 13 0 0 1-2.94 4.42 13.32 13.32 0 0 1-4.56 2.91 16.14 16.14 0 0 1-5.92 1h-10.87v-27.84h10.83a16 16 0 0 1 5.92 1.05 13.51 13.51 0 0 1 4.56 2.91 13 13 0 0 1 2.94 4.41 14.57 14.57 0 0 1 1.04 5.56zm-6.62 0a12.16 12.16 0 0 0-.54-3.73 8 8 0 0 0-1.54-2.82 6.69 6.69 0 0 0-2.46-1.78 8.35 8.35 0 0 0-3.31-.62h-4.32v17.92h4.32a8.34 8.34 0 0 0 3.31-.62 6.68 6.68 0 0 0 2.46-1.78 8 8 0 0 0 1.54-2.82 12.23 12.23 0 0 0 .54-3.75zM403.81 167.26h-5a2.18 2.18 0 0 1-1.36-.39 2.49 2.49 0 0 1-.79-1L395 161h-10.6l-1.65 4.86a2.33 2.33 0 0 1-.75 1 2.11 2.11 0 0 1-1.35.43h-5l10.79-27.87H393zm-10.27-10.65L391 149q-.29-.73-.61-1.71t-.65-2.13q-.29 1.17-.61 2.16t-.61 1.72l-2.56 7.59zM423.32 144.52h-7.84v22.74H409v-22.74h-7.84v-5.13h22.15zM433.09 167.26h-6.5v-27.87h6.5zM465.83 153.32a15 15 0 0 1-1 5.62 13.29 13.29 0 0 1-7.5 7.54 16.64 16.64 0 0 1-11.85 0 13.3 13.3 0 0 1-7.53-7.54 15.69 15.69 0 0 1 0-11.25 13.39 13.39 0 0 1 2.95-4.51 13.63 13.63 0 0 1 4.58-3 15.59 15.59 0 0 1 5.93-1.09 15.4 15.4 0 0 1 5.92 1.1 13.65 13.65 0 0 1 4.56 3 13.43 13.43 0 0 1 2.94 4.51 14.92 14.92 0 0 1 1 5.62zm-6.62 0a12.07 12.07 0 0 0-.54-3.72 7.86 7.86 0 0 0-1.54-2.8 6.64 6.64 0 0 0-2.46-1.76 8.47 8.47 0 0 0-3.31-.61 8.58 8.58 0 0 0-3.36.57 6.61 6.61 0 0 0-2.47 1.76 7.89 7.89 0 0 0-1.54 2.8 13.26 13.26 0 0 0 0 7.46 7.89 7.89 0 0 0 1.54 2.8 6.52 6.52 0 0 0 2.47 1.75 8.7 8.7 0 0 0 3.34.6 8.59 8.59 0 0 0 3.31-.6 6.54 6.54 0 0 0 2.46-1.75 7.86 7.86 0 0 0 1.54-2.8 12.14 12.14 0 0 0 .57-3.7zM494 139.39v27.87h-3.4a2.92 2.92 0 0 1-1.25-.24 3 3 0 0 1-1-.83l-13.14-16.62q.08.75.11 1.44t0 1.31v14.94h-5.7v-27.87H473a5.49 5.49 0 0 1 .71 0 1.81 1.81 0 0 1 .52.14 1.75 1.75 0 0 1 .44.3 5 5 0 0 1 .48.52l13.25 16.74q-.1-.8-.13-1.56t0-1.42v-14.72z"
            ></path>
            <path
              class="cls-3 svelte-dmytnz"
              d="M531 210.93H11a11 11 0 0 1-11-11V11A11 11 0 0 1 11 0h520a11 11 0 0 1 11 11v188.93a11 11 0 0 1-11 11zM11 10a1 1 0 0 0-1 1v188.93a1 1 0 0 0 1 1h520a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1z"
            ></path>
            <path
              class="cls-3 svelte-dmytnz"
              d="M207 183a5 5 0 0 1-5-5V33a5 5 0 0 1 10 0v145a5 5 0 0 1-5 5z"
            ></path>
            <path
              class="cls-2 svelte-dmytnz"
              d="M82.09 237.65L69.54 269H63l-12.6-31.35h5.85a2.46 2.46 0 0 1 1.53.44 2.81 2.81 0 0 1 .88 1.13L64.72 256q.43 1.1.84 2.4t.77 2.72q.3-1.42.68-2.72t.81-2.4l6-16.77a2.61 2.61 0 0 1 .85-1.09 2.37 2.37 0 0 1 1.52-.48zM91.88 243.24v7.31h9.85v5.38h-9.85v7.46h12.86V269H84.57v-31.35h20.17v5.59zM134.83 269h-6.58a2.79 2.79 0 0 1-2.62-1.38l-5.2-9.09a2.11 2.11 0 0 0-2.11-1.12h-1.85V269h-7.27v-31.35h10.2a20.93 20.93 0 0 1 5.79.7 10.89 10.89 0 0 1 3.91 1.95 7.37 7.37 0 0 1 2.2 2.95 9.77 9.77 0 0 1 .69 3.7 9.92 9.92 0 0 1-.41 2.88 8.88 8.88 0 0 1-1.2 2.5 9.2 9.2 0 0 1-2 2.05 10.51 10.51 0 0 1-2.7 1.48 6.61 6.61 0 0 1 1.33.91 6.39 6.39 0 0 1 1.12 1.3zm-15.44-16.6a7.47 7.47 0 0 0 2.53-.38 4.57 4.57 0 0 0 1.71-1 4 4 0 0 0 1-1.56 6 6 0 0 0 .3-1.92 4 4 0 0 0-1.34-3.23 6.26 6.26 0 0 0-4.16-1.16h-2.92v9.29zM144.79 269h-7.31v-31.35h7.31zM158.16 243.24v7.93h10.71v5.61h-10.71V269h-7.31v-31.35H171v5.59zM182.52 269h-7.31v-31.35h7.31zM195.89 243.24v7.31h9.85v5.38h-9.85v7.46h12.86V269h-20.17v-31.35h20.17v5.59zM241.64 253.3a16.44 16.44 0 0 1-1.17 6.27 14.68 14.68 0 0 1-3.3 5 15 15 0 0 1-5.17 3.23 18.13 18.13 0 0 1-6.65 1.17h-12.13v-31.32h12.17a18 18 0 0 1 6.65 1.18 15.19 15.19 0 0 1 5.13 3.27 14.57 14.57 0 0 1 3.3 5 16.39 16.39 0 0 1 1.17 6.2zm-7.44 0a13.65 13.65 0 0 0-.6-4.19 9 9 0 0 0-1.73-3.17 7.51 7.51 0 0 0-2.76-2 9.38 9.38 0 0 0-3.72-.7h-4.86v20.15h4.86a9.38 9.38 0 0 0 3.72-.7 7.51 7.51 0 0 0 2.76-2 9 9 0 0 0 1.73-3.17 13.72 13.72 0 0 0 .61-4.22zM286.62 253.3a16.83 16.83 0 0 1-1.17 6.32 14.94 14.94 0 0 1-8.43 8.47 18.71 18.71 0 0 1-13.32 0 14.95 14.95 0 0 1-8.46-8.47 17.63 17.63 0 0 1 0-12.64 15 15 0 0 1 3.31-5.07 15.31 15.31 0 0 1 5.15-3.38 17.51 17.51 0 0 1 6.67-1.23 17.3 17.3 0 0 1 6.65 1.24 15.36 15.36 0 0 1 5.13 3.39 15.12 15.12 0 0 1 3.3 5.07 16.78 16.78 0 0 1 1.17 6.3zm-7.44 0a13.55 13.55 0 0 0-.6-4.18 8.87 8.87 0 0 0-1.73-3.15 7.47 7.47 0 0 0-2.76-2 9.51 9.51 0 0 0-3.72-.69 9.65 9.65 0 0 0-3.75.69 7.45 7.45 0 0 0-2.77 2 8.87 8.87 0 0 0-1.73 3.15 14.89 14.89 0 0 0 0 8.39 8.87 8.87 0 0 0 1.73 3.15 7.35 7.35 0 0 0 2.77 2 9.79 9.79 0 0 0 3.75.68 9.65 9.65 0 0 0 3.72-.68 7.37 7.37 0 0 0 2.76-2 8.87 8.87 0 0 0 1.73-3.15 13.62 13.62 0 0 0 .6-4.21zM302 237.65a18.22 18.22 0 0 1 5.69.79 10.93 10.93 0 0 1 3.91 2.16 8.43 8.43 0 0 1 2.27 3.25 11 11 0 0 1 .73 4 11.88 11.88 0 0 1-.75 4.3 8.64 8.64 0 0 1-2.3 3.35 10.84 10.84 0 0 1-3.92 2.18 18 18 0 0 1-5.62.78h-3.78V269h-7.33v-31.35zm0 15.35a4.61 4.61 0 0 0 5.33-5.14 5.66 5.66 0 0 0-.32-2 4 4 0 0 0-1-1.52 4.4 4.4 0 0 0-1.66-1 7.33 7.33 0 0 0-2.38-.34h-3.78v10zM325.56 243.24v7.31h9.85v5.38h-9.85v7.46h12.86V269h-20.17v-31.35h20.17v5.59zM368.51 269h-6.58a2.79 2.79 0 0 1-2.62-1.38l-5.2-9.09a2.11 2.11 0 0 0-2.11-1.12h-1.85V269h-7.27v-31.35h10.19a20.93 20.93 0 0 1 5.79.7 10.89 10.89 0 0 1 3.91 1.95 7.37 7.37 0 0 1 2.2 2.95 9.77 9.77 0 0 1 .69 3.7 9.92 9.92 0 0 1-.41 2.88 8.88 8.88 0 0 1-1.2 2.5 9.2 9.2 0 0 1-2 2.05 10.51 10.51 0 0 1-2.7 1.48 6.61 6.61 0 0 1 1.33.91 6.39 6.39 0 0 1 1.12 1.3zm-15.44-16.6a7.47 7.47 0 0 0 2.53-.38 4.57 4.57 0 0 0 1.71-1 4 4 0 0 0 1-1.56 6 6 0 0 0 .3-1.92 4 4 0 0 0-1.34-3.23 6.26 6.26 0 0 0-4.16-1.16h-2.92v9.29z"
            ></path>
            <path
              class="cls-2 svelte-dmytnz"
              d="M399.26 269h-5.63a2.46 2.46 0 0 1-1.53-.44 2.8 2.8 0 0 1-.88-1.13l-1.85-5.46h-11.91l-1.85 5.46a2.62 2.62 0 0 1-.85 1.09 2.37 2.37 0 0 1-1.52.48h-5.68l12.13-31.33h7.44zm-11.54-12l-2.9-8.58q-.32-.82-.69-1.92t-.73-2.4q-.32 1.31-.69 2.43t-.69 1.93l-2.89 8.54zM421.19 243.41h-8.82V269h-7.27v-25.59h-8.82v-5.76h24.9zM454.88 253.3a16.83 16.83 0 0 1-1.17 6.32 14.94 14.94 0 0 1-8.43 8.47 18.71 18.71 0 0 1-13.32 0 14.95 14.95 0 0 1-8.46-8.47 17.63 17.63 0 0 1 0-12.64 15 15 0 0 1 3.31-5.07 15.31 15.31 0 0 1 5.15-3.38 17.51 17.51 0 0 1 6.67-1.23 17.3 17.3 0 0 1 6.65 1.24 15.36 15.36 0 0 1 5.13 3.39 15.12 15.12 0 0 1 3.3 5.07 16.78 16.78 0 0 1 1.17 6.3zm-7.44 0a13.55 13.55 0 0 0-.6-4.18 8.87 8.87 0 0 0-1.73-3.15 7.47 7.47 0 0 0-2.76-2 9.51 9.51 0 0 0-3.72-.69 9.65 9.65 0 0 0-3.75.69 7.45 7.45 0 0 0-2.77 2 8.87 8.87 0 0 0-1.73 3.15 14.89 14.89 0 0 0 0 8.39 8.87 8.87 0 0 0 1.73 3.15 7.35 7.35 0 0 0 2.77 2 9.79 9.79 0 0 0 3.75.68 9.65 9.65 0 0 0 3.72-.68 7.37 7.37 0 0 0 2.76-2 8.87 8.87 0 0 0 1.73-3.15 13.62 13.62 0 0 0 .6-4.21zM484.79 269h-6.58a2.79 2.79 0 0 1-2.62-1.38l-5.2-9.09a2.11 2.11 0 0 0-2.11-1.12h-1.85V269h-7.27v-31.35h10.19a20.93 20.93 0 0 1 5.79.7 10.89 10.89 0 0 1 3.91 1.95 7.37 7.37 0 0 1 2.2 2.95 9.77 9.77 0 0 1 .69 3.7 9.92 9.92 0 0 1-.41 2.88 8.88 8.88 0 0 1-1.2 2.5 9.2 9.2 0 0 1-2 2.05 10.51 10.51 0 0 1-2.7 1.48 6.61 6.61 0 0 1 1.33.91 6.39 6.39 0 0 1 1.12 1.3zm-15.44-16.6a7.47 7.47 0 0 0 2.53-.38 4.57 4.57 0 0 0 1.71-1 4 4 0 0 0 1-1.56 6 6 0 0 0 .3-1.92 4 4 0 0 0-1.34-3.23 6.26 6.26 0 0 0-4.16-1.16h-2.92v9.29z"
            ></path>
            <path
              class="cls-3 svelte-dmytnz"
              d="M109.06 155A11.37 11.37 0 0 0 99 161.33l-.25.48-.51-.16a20.59 20.59 0 0 1-8.64-5 17.82 17.82 0 0 1-5.17-8.42 21.08 21.08 0 0 1 5.09-21.44.69.69 0 0 1 .14-.3l.15-.16a4.81 4.81 0 0 0-.11-6.66 4.78 4.78 0 0 0-6.76 0 19.38 19.38 0 0 1-9.25 5.42c-6.64 1.51-11.55 1.4-12.68-.39a23.1 23.1 0 0 1-10.5-8A21 21 0 0 1 52.75 90a24.09 24.09 0 0 1 8-5.16 21.2 21.2 0 0 1 12.88-.46A20.8 20.8 0 0 1 82 89a4.81 4.81 0 0 1 .53.69 3.41 3.41 0 0 0 .4.51 4.77 4.77 0 0 0 6.75 0A4.65 4.65 0 0 0 91 86.64 4.73 4.73 0 0 0 89.69 83a3 3 0 0 0-.35-.28l.1-.27-.16.23a3.09 3.09 0 0 1-.47-.37 21 21 0 0 1-4.29-20.39 4.78 4.78 0 0 0-9.08-3 30.56 30.56 0 0 0-.84 15.14l.17.92-.92-.19a30.47 30.47 0 0 0-16.22.93C53.93 77 50.3 79.33 46.19 83a30.78 30.78 0 0 0-3.52 39.2 33.46 33.46 0 0 0 14.9 11.46 30.86 30.86 0 0 0 10.38 1.8 27.17 27.17 0 0 0 5.18-.68l1.6-.31-.2.94a30 30 0 0 0 .7 15.47 27 27 0 0 0 7.59 12.54 30.68 30.68 0 0 0 16.08 8.43l.28.05.15.25a11.31 11.31 0 0 0 9.73 5.78 11.47 11.47 0 1 0 0-22.94z"
              id="_Group_4"
              data-name="<Group>"
            ></path>
            <path
              class="cls-3 svelte-dmytnz"
              d="M170.33 87.25a33.45 33.45 0 0 0-14.9-11.47 30.26 30.26 0 0 0-16.25-.94l-.92.19.17-.92a29.6 29.6 0 0 0-.77-14.8 27.1 27.1 0 0 0-7.58-12.53 30.62 30.62 0 0 0-16.59-8.5h-.26l-.15-.23a11.25 11.25 0 0 0-9.25-5.05 11.48 11.48 0 1 0 10.47 16l.24-.54.55.2a20.63 20.63 0 0 1 8.22 4.85 18 18 0 0 1 5.18 8.49 21 21 0 0 1-4.25 20.32 4.5 4.5 0 0 1-.54.42 3 3 0 0 0-.4.3 4.68 4.68 0 0 0-1.3 3.55 4.72 4.72 0 0 0 8.07 3.65 4.09 4.09 0 0 0 .38-.49 5.63 5.63 0 0 1 .49-.67 20.93 20.93 0 0 1 8.38-4.74 21.23 21.23 0 0 1 12.68.38 23.12 23.12 0 0 1 10.5 8 21 21 0 0 1-2.27 26.77 24 24 0 0 1-8 5.16 21.36 21.36 0 0 1-12.88.46 21.1 21.1 0 0 1-9.25-5.42l-9.28-9.27.11-.36a11.19 11.19 0 0 0 .7-3.4 12.08 12.08 0 1 0-7.84 10.73l.38-.12.27.29 8.51 8.51a1.42 1.42 0 0 1 .28.56v.15a21 21 0 0 1 5.12 21.5 4.68 4.68 0 0 0 .28 3.64 4.74 4.74 0 0 0 2.78 2.38 4.6 4.6 0 0 0 1.48.24 4.76 4.76 0 0 0 4.54-3.3 30.79 30.79 0 0 0 .78-15.85l-.2-1 1.14.23a29.84 29.84 0 0 0 5.91.81 30.32 30.32 0 0 0 10.29-1.8c3.68-1.25 7.32-3.55 11.45-7.25a30.76 30.76 0 0 0 3.53-39.13z"
              id="_Group_5"
              data-name="<Group>"
            ></path>
          </svg>
        </div>
        <!-- <div class="image-focus svelte-1bax0ph">
        <img
          class="image svelte-hhdrmg"
          :src="main2.logo"
          draggable="false"
          alt="Official Co-Title Partner of the Alfa Romeo Formula 1"
        />
      </div> -->
        <div class="image-focus svelte-1bax0ph">
          <img
            class="image svelte-hhdrmg"
            src="../../assets/stakeIcon/icon13.svg"
            draggable="false"
            alt="Everton main partner"
          />
        </div>
        <div class="image-focus svelte-1bax0ph">
          <img
            class="image svelte-hhdrmg"
            src="../../assets/stakeIcon/icon14.svg"
            draggable="false"
            alt="UFC 标志"
          />
        </div>
      </div>
      <div class="max-w-[1200px] bg-[#213743] h-[2px] m-auto my-6" />

      <div class="container text-center pt-4">
        <p>© 2024 jk.game | {{ $t("page.footer.Reserved") }}</p>
        <p>{{ main.timeZoneObject?.title }} / {{ time }}</p>
        <p></p>
      </div>
      <div class="container text-center pt-4 py-12 mb-12 text-xs px-4">
        <div>
          {{ jianjieStr }}
        </div>
        <!-- <p>
          {{ $t("page.footer.Support") }}
          <span class="text-white cursor-pointer ml-2"
            >Jkgame7799@gmail.com</span
          >
          | {{ $t("page.footer.Partners")
          }}<span class="text-white cursor-pointer ml-2"
            >Jkgame7799@gmail.com</span
          >|
          {{ $t("page.footer.Press") }}
          <span class="text-white cursor-pointer ml-2"
            >Jkgame7799@gmail.com</span
          >
        </p> -->
        <div class="footer_box">
          <img class="wdith_box" src="../../assets/stakeIcon/lic.png" alt="" />
          <img
            class="wdith_box"
            style="width: 28px"
            src="../../assets/stakeIcon/dp.png"
            alt=""
          />
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import { onBeforeUnmount, ref, onMounted, defineAsyncComponent } from "vue";
import { mainNav } from "@/store/nav";
import { useRouter } from "vue-router";
import { mainAct } from "@/store/activeda";
import { dateTimeZone } from "@/utils/date";
import { eventBus } from "@/utils/eventBus.js";
import { useI18n } from "vue-i18n";

const { t } = useI18n();
const router = useRouter();
const main = mainNav();
const List = defineAsyncComponent(() => import("../list/index.vue"));
const main2 = mainAct();
//跳转
const goToAbout = e => {
  main.aboutusTab = e;
  router.push("aboutus");
};
let timeStr = ref("");
let jianjieStr = ref("");
onMounted(() => {
  if (main.timeZoneObject?.title?.length) {
    timeStr.value = main.timeZoneObject.title.substring(3);
    console.log("main.showFootTable = false", timeStr.value);
  }

  jianjieStr.value = t("layer.activity.jianjie");
});

// 实行时间刷新
const time = ref(
  dateTimeZone(Date.now(), "{y}-{m}-{d} {h}:{i}:{s}", main.timeZone)
);
const timer = ref(null);

setInterval(() => {
  time.value = dateTimeZone(
    Date.now(),
    "{y}-{m}-{d} {h}:{i}:{s}",
    main.timeZone
  );
}, 1000);

const gameDataList = ref([]);

onMounted(() => {
  gameDataList.value = main2.business_list;
});

const businessDeit = item => {
  router.push("operator");
  eventBus.emit("businessDeitChange", item);
};

onBeforeUnmount(() => {
  clearInterval(timer.value);
});
</script>
<style lang="less" scoped>
.logo-wrapper {
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  img {
    width: auto;
    height: 2.5rem;
    margin: 0 auto;
  }
}
.site-badges {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  justify-items: center;
  .image-focus {
    display: contents;
  }
  .svelte-hhdrmg {
    width: auto;
    height: 60px;
    color: white;
  }
  .cls-3.svelte-dmytnz.svelte-dmytnz {
    fill: #46c6f1;
  }
  .cls-2.svelte-dmytnz.svelte-dmytnz {
    fill: #fff;
  }
}

.footer_box {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.wdith_box {
  width: 32px;
  margin: 6px;
}

.footer_logo {
  align-items: center;
  justify-content: center;
}
.logo {
  width: auto;
  height: 60px;
}
.providerBox {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
@media screen and (max-width: 700px) {
  .providerBox {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media screen and (max-width: 1000px) and (min-width: 701px) {
  .providerBox {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1001px) {
  .providerBox {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1281px) {
  .providerBox {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}
.imgpic {
  transition: 0.3s;
}
.imgpic:hover {
  transform: translateY(-4%);
}
.bgcimg {
  height: 50px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
</style>
